<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <title>Document</title>
</head>

<body>
    <header id="top" class="header_top">
        <header class="header_content clear_fix">
            <article>
                <a href="">登录/注册</a>
                <a href="">婚礼纪 APP <i></i></a>
                <!-- <img src="images/h.png" alt=""> -->
            </article>
            <article>
                <a href="">体验点加盟<img src="images/h.png" alt=""></a>
                <a href="">海草云</a>
                <a href="">进入商家中心<img src="images/h.png" alt=""></a>
                <a href="">婚礼现场</a>
                <a href="">招聘</a>
                <a href="">平台规则</a>
                <span>|</span>
                <a href="">客服：400-8888-8888</a>
            </article>
        </header>
    </header>
    <header class="header_bottom">
        <h1><a href=""><img src="images/logo.png" alt=""></a></h1>
        <form action="">
            <input id="search" type="text" placeholder="留住婚礼瞬间">
            <button><img src="images/fangdajing.png" alt=""></button>
        </form>
        <nav>
            <li class="nav_list"><a href="" class="active">首页</a></li>
            <li class="nav_list">
                <a href="">结婚请柬</a>
                <ul>
                    <li>结婚怪</li>
                    <li>请柬怪</li>
                </ul>
            </li>
            <li class="nav_list"><a href="">结婚请柬</a></li>
            <li class="nav_list"><a href="">结婚请柬</a></li>
            <li class="nav_list"><a href="">结婚请柬</a></li>
            <li class="nav_list"><a href="">结婚请柬</a></li>
            <li class="nav_list"><a href="">结婚请柬</a></li>
        </nav>
    </header>
    <div id="banner">
        <img class="banner_pic" src="images/banner1.jpg" alt="">
        <section>
            <ul>
                <li>
                    <em><img src="images/icon1-2.png" alt="">婚宴酒店</em>
                    <span>草坪/星级</span>
                </li>
                <li>
                    <em><img src="images/icon1-2.png" alt="">婚宴酒店</em>
                    <span>草坪/星级</span>
                </li>
                <li>
                    <em><img src="images/icon1-2.png" alt="">婚宴酒店</em>
                    <span>草坪/星级</span>
                </li>
                <li>
                    <em><img src="images/icon1-2.png" alt="">婚宴酒店</em>
                    <span>草坪/星级</span>
                </li>
                <li>
                    <em><img src="images/icon1-2.png" alt="">婚宴酒店</em>
                    <span>草坪/星级</span>
                </li>
                <li>
                    <em><img src="images/icon1-2.png" alt="">婚宴酒店</em>
                    <span>草坪/星级</span>
                </li>
                <li>
                    <em><img src="images/icon1-2.png" alt="">婚宴酒店</em>
                    <span>草坪/星级</span>
                </li>
                <li>
                    <em><img src="images/icon1-2.png" alt="">婚宴酒店</em>
                    <span>草坪/星级</span>
                </li>
                <li>
                    <em><img src="images/icon1-2.png" alt="">婚宴酒店</em>
                    <span>草坪/星级</span>
                </li>
                
            </ul>
        </section>

    </div>
    <main>
        <!-- 1-3为 第一部分 -->
        <section class="section1_content">
            <div>
                <img src="images/a1.png" alt="">
                <p>电子请帖</p>
            </div>
            <div>
                <img src="images/a1.png" alt="">
                <p>电子请帖</p>
            </div>
            <div>
                <img src="images/a1.png" alt="">
                <p>电子请帖</p>
            </div>
            <div>
                <img src="images/a1.png" alt="">
                <p>电子请帖</p>
            </div>
            <div>
                <img src="images/a1.png" alt="">
                <p>电子请帖</p>
            </div>
        </section>
        <section class="section2_content clear_fix">
            <article class="section2_content_first">
                <h3>酒店特惠三部查</h3>
                <select name="" id="">
                    <option value="">全国</option>
                </select>
                <select name="" id="">
                    <option value="">全部区域</option>
                </select>
                <select name="" id="">
                    <option value="">4000-5000元</option>
                </select>
                <a href="">立即查询 →</a>
            </article>
            <div>
                <h2>电子请帖</h2>
                <p>海量模板<span>免费</span>使用</p>
                <a href="">点击预览</a>
            </div>
            <aside>
                <h3>婚礼工具</h3>
                <article class="aside_content">
                    <p>
                        <img src="images/b1.png" alt="">
                        <span>结婚吉日</span>
                    </p>
                    <p>
                        <img src="images/b1.png" alt="">
                        <span>结婚吉日</span>
                    </p>
                    <p>
                        <img src="images/b1.png" alt="">
                        <span>结婚吉日</span>
                    </p>
                    <p>
                        <img src="images/b1.png" alt="">
                        <span>结婚吉日</span>
                    </p>
                    <p>
                        <img src="images/b1.png" alt="">
                        <span>结婚吉日</span>
                    </p>
                </article>
            </aside>
        </section>
        <section class="section3_content">
            <i><img src="images/zuobiao.png" alt=""></i> <span>热门城市</span>
            <a href="">上海</a><a href="">上海</a><a href="">上海</a>
            <a href="">上海</a><a href="">上海</a><a href="">上海</a>
            <a href="">全部城市></a>
        </section>
        <!-- 4为 旅拍套餐推荐 -->
        <section class="section4_outside">
            <section class="section4_content">
                <h2>旅拍套餐推荐</h2>
                <article>
                    <div>
                        <img src="images/pic-5.gif" alt="">
                        <p>机票报销+礼包 场景选择丫丫包邮</p>
                        <p><span><em>￥</em>4966</span> <span>时尚呀丽江站</span></p>
                        <i>丽江</i>
                        <a href=""></a>
                    </div>
                    <div>
                        <img src="images/pic-6.gif" alt="">
                        <p>机票报销+礼包 场景选择丫丫包邮</p>
                        <p><span><em>￥</em>4966</span> <span>时尚呀丽江站</span></p>
                        <i>丽江</i>
                        <a href=""></a>
                    </div>
                    <div>
                        <img src="images/pic-1.jpg" alt="">
                        <p>机票报销+礼包 场景选择丫丫包邮</p>
                        <p><span><em>￥</em>4966</span> <span>时尚呀丽江站</span></p>
                        <i>丽江</i>
                        <a href=""></a>
                    </div>
                </article>
                <aside>
                    <div>
                        <img src="images/pic-4.gif" alt="">
                        <figure>
                            <figcaption>
                                【高端定制】三亚巴黎
                            </figcaption>
                            <p>克洛伊的救赎</p>
                            <span><em>￥</em>5000</span>
                        </figure>
                    </div>
                    <div>
                        <img src="images/pic-7.gif" alt="">
                        <figure>
                            <figcaption>
                                【高端定制】三亚巴黎
                            </figcaption>
                            <p>克洛伊的救赎</p>
                            <span><em>￥</em>5000</span>
                        </figure>
                    </div>
                    <div>
                        <img src="images/pic-8.gif" alt="">
                        <figure>
                            <figcaption>
                                【高端定制】三亚巴黎
                            </figcaption>
                            <p>克洛伊的救赎</p>
                            <span><em>￥</em>5000</span>
                        </figure>
                    </div>
                    <div>
                        <img src="images/pic-9.gif" alt="">
                        <figure>
                            <figcaption>
                                【高端定制】三亚巴黎
                            </figcaption>
                            <p>克洛伊的救赎</p>
                            <span><em>￥</em>5000</span>
                        </figure>
                    </div>
                </aside>
            </section>
        </section>
        <!-- 5为 热门旅拍城市 -->
        <section class="section5_content">
            <h2>旅拍套餐推荐</h2>
            <article>
                <div>
                    <aside>
                        <p>大理</p>
                        <span></span>
                        <em>东方瑞士</em>
                    </aside>
                </div>
                <div>
                    <aside>
                        <p>日本</p>
                        <span></span>
                        <em>东方瑞士</em>
                    </aside>
                    
                </div>
                <div>
                    <aside>
                        <p>马尔代夫</p>
                        <span></span>
                        <em>东方瑞士</em>
                    </aside>
                    
                </div>
                <div>
                    <aside>
                        <p>巴厘岛</p>
                        <span></span>
                        <em>东方瑞士</em>
                    </aside>
                    
                </div>
                <div>
                    <aside>
                        <p>普吉岛</p>
                        <span></span>
                        <em>东方瑞士</em>
                    </aside>
                    
                </div>
                <div>
                    <aside>
                        <p>三亚</p>
                        <span></span>
                        <em>东方瑞士</em>
                    </aside>
                    
                </div>
                <div>
                    <aside>
                        <p>厦门</p>
                        <span></span>
                        <em>东方瑞士</em>
                    </aside>
                   
                </div>
                <div>
                    <aside>
                        <p>青岛</p>
                        <span></span>
                        <em>东方瑞士</em>
                    </aside>
                   
                </div>
            </article>
            <a href="">更多旅拍优惠→</a>
        </section>
        <!-- 6为 婚礼策划案例 -->
        <section class="section6_content">
            <h2>婚礼策划案例</h2>
            <article>
                <img src="images/lun-pic1.jpg" alt="">
                <p>浪漫清新的白红色系草坪婚礼</p>
                <p><span>三亚自然风婚礼策划</span><span>收藏265</span></p>
            </article>
            <a href="">更多案例→</a>
            <span>提供热门婚庆公司的婚庆套餐报价及婚礼策划案例欣赏</span>
        </section>
        <!-- 7为 结婚流程 -->
        <section class="section7_content">
            <h2>结婚流程</h2>
            <article>
                <div>
                    <i></i>
                    <p>婚宴酒店</p>
                </div>
                <div>
                     <i></i>
                    <p>婚宴酒店</p>
                </div>
                <div>
                     <i></i>
                    <p>婚宴酒店</p>
                </div>
                <div>
                     <i></i>
                    <p>婚宴酒店</p>
                </div>
                <div>
                     <i></i>
                    <p>婚宴酒店</p>
                </div>
                <div>
                     <i></i>
                    <p>婚宴酒店</p>
                </div>
                <div>
                     <i></i>
                    <p>婚宴酒店</p>
                </div>
                <div>
                     <i></i>
                    <p>婚宴酒店</p>
                </div>
            </article>
        </section>
        <!-- 8为 婚宴酒店热门城市 -->
        <section class="section8_content">
            <h2>婚宴酒店热门城市</h2>
            <article>
                <div>
                    <img src="images/list1.png" alt="">
                    <p>杭州</p>
                    <a href=""></a>
                </div>
                <div>
                    <img src="images/list1.png" alt="">
                    <p>杭州</p>
                    <a href=""></a>
                </div>
                <div>
                    <img src="images/list1.png" alt="">
                    <p>杭州</p>
                    <a href=""></a>
                </div>
                <div>
                    <img src="images/list1.png" alt="">
                    <p>杭州</p>
                    <a href=""></a>
                </div>
                <div>
                    <img src="images/list1.png" alt="">
                    <p>杭州</p>
                    <a href=""></a>
                </div>
            </article>
            <aside>
                <i><img src="images/zuobiao.png" alt=""></i> <span>其他 城市</span>
                <a href="">上海</a><a href="">上海</a><a href="">上海</a>
                <a href="">上海</a><a href="">上海</a><a href="">上海</a>
            </aside>
        </section>
        <!-- 9为 结婚用品 -->
        <section class="section9_outside">
            <section class="section9_content">
                <h2>结婚用品</h2>
                <p>迎亲堵门 / 嫁妆购置 / 新浪穿搭 / 婚宴现场 / 新娘美护</p>
                <article>
                    <div>
                        <img src="images/img1.png" alt="">
                        <figure>
                            <figcaption>新娘礼服</figcaption>
                            <i></i>
                            <span>婚纱 / 敬酒服 / 和服</span>
                        </figure>
                    </div>
                    <div>
                        <img src="images/img1.png" alt="">
                        <figure>
                            <figcaption>新娘礼服</figcaption>
                            <i></i>
                            <span>婚纱 / 敬酒服 / 和服</span>
                        </figure>
                    </div>
                    <div>
                        <img src="images/img1.png" alt="">
                        <figure>
                            <figcaption>新娘礼服</figcaption>
                            <i></i>
                            <span>婚纱 / 敬酒服 / 和服</span>
                        </figure>
                    </div>
                    <div>
                        <img src="images/img1.png" alt="">
                        <figure>
                            <figcaption>新娘礼服</figcaption>
                            <i></i>
                            <span>婚纱 / 敬酒服 / 和服</span>
                        </figure>
                    </div>
                </article>
                <a href="">更多婚品→</a>
            </section>
        </section>
        <!-- 10为 结婚美图 -->
        <section class="section10_outside">
            <section class="section10_content">
                <h2>结婚美图</h2>
                <article class="clear_fix">
                    <div></div>
                    <div>
                        <img src="" alt="">
                        <figure class="clear_fix">
                            <figcaption><img src="images/main-img2.jpg" alt="">
                                <i></i></figcaption>
                            <aside>
                                <h4>水下婚纱照</h4>
                                <p>提供水下婚纱照图片，水下婚纱照效果图欣赏</p>
                                <a href="">→</a>
                            </aside>
                        </figure>
                    </div>
                    <div><a>韩式婚纱照</a></div>
                    <div></div>
                    <div><a>唯美婚纱照</a></div>
                    <div></div>
                    <div>
                        <h3>小清新婚礼布置</h3>
                        <p>小清新婚礼布置是最新的布置方式，无论是室内或者室外都可以营造出一种清新浪漫的婚礼氛围，深受人们的喜爱！</p>
                        <a href="">→</a>
                    </div>
                    <div>
                        <em></em>
                    </div>
                </article>

            </section>
        </section>
        <!-- 11为 热门标签 -->
        <section class="section11_content">
            <i><img src="images/zuobiao.png" alt=""></i> <span>热门标签</span>
            <a href="">帅气西服</a><a href="">帅气西服</a><a href="">帅气西服</a>
            <a href="">帅气西服</a><a href="">帅气西服</a><a href="">帅气西服</a>
        </section>
        <!-- 12为 更多美图按钮 -->
        <section class="section12_content">
            <a href="" class="more_pic">更多美图→</a>
        </section>
        <!-- 13为 结婚百科 -->
        <section class="section13_content">
            <h2>结婚百科</h2>
            <article>
                <figure>
                    <figcaption>
                        <p><i></i>结婚攻略</p>
                        <span>迎亲堵门 / 嫁妆购置 / 新浪穿搭 / 婚宴现场 / 新娘美护</span>
                        <em></em>
                    </figcaption>
                    <ul>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                    </ul>
                    <a href=""></a>
                </figure>
                <figure>
                    <figcaption>
                        <p><i></i>结婚攻略</p>
                        <span>迎亲堵门 / 嫁妆购置 / 新浪穿搭 / 婚宴现场 / 新娘美护</span>
                        <em></em>
                    </figcaption>
                    <ul>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                    </ul>
                    <a href=""></a>
                </figure>
                <figure>
                    <figcaption>
                        <p><i></i>结婚攻略</p>
                        <span>迎亲堵门 / 嫁妆购置 / 新浪穿搭 / 婚宴现场 / 新娘美护</span>
                        <em></em>
                    </figcaption>
                    <ul>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                        <li>
                            <em>4月份婚纱照去哪里好</em><span>浏览178</span>
                        </li>
                    </ul>
                    <a href=""></a>
                </figure>
            </article>
        </section>
    </main>
    <footer>
        <section class="footer_top_outside">
            <section class="footer_top_top">
                <div>
                    <h4>婚庆服务</h4>
                    <ul class="footer_top_top_ul clear_fix">
                        <li class="footer_top_top_ul_li">
                            <ul>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                            </ul>
                        </li>
                        <li class="footer_top_top_ul_li">
                            <ul>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div>
                    <h4>婚庆服务</h4>
                    <ul class="footer_top_top_ul clear_fix">
                        <li class="footer_top_top_ul_li">
                            <ul>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                            </ul>
                        </li>
                        <li class="footer_top_top_ul_li">
                            <ul>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div>
                    <h4>婚庆服务</h4>
                    <ul class="footer_top_top_ul clear_fix">
                        <li class="footer_top_top_ul_li">
                            <ul>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                            </ul>
                        </li>
                        <li class="footer_top_top_ul_li">
                            <ul>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div>
                    <h4>婚庆服务</h4>
                    <ul class="footer_top_top_ul clear_fix">
                        <li class="footer_top_top_ul_li">
                            <ul>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div>
                    <h4>婚庆服务</h4>
                    <ul class="footer_top_top_ul clear_fix">
                        <li class="footer_top_top_ul_li">
                            <ul>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                                <li>婚宴酒店</li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div>
                    <h4>婚庆服务</h4>
                    <p><img src="images/erweima.jpg" alt=""></p>
                    <img src="images/weixin.png" alt="">
                    <img src="images/weibo.png" alt="">
                </div>
            </section>
            <section class="footer_top_bottom">
                <span>友情链接：</span>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
                <a href="">旅拍婚纱照</a><a href="">婚宴酒店预订</a><a href="">钻戒品牌</a>
            </section>
        </section>
        <section class="footer_bottom_outside">
            <p>
                <span>浙ICP备13004478号 © 杭州火烧云科技有限公司</span>
                <span>浙公安备案号：33010602006591</span>
            </p>
            <p>
                <span>通讯地址：浙江省杭州市西湖区文一西路98号数娱大厦408</span>
                <span>客服热线：400-159-9090</span>
                <a style="color:#ccc ;" href="#">经营证照</a s>
            </p>
        </section>

    </footer>
    <section class="three_fix">
        <a href=""><i> <img src="images/erji.png" alt=""></i> <span>咨询</span><span>商家</span></a>
        <a href=""><i><img src="images/small-erweima.png" alt=""></i></a>
        <a href="#top"><i><img src="images/shangjiantou.png" alt=""></i></a>
    </section>
</body>

</html>